<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>手机模版</title>

    <link rel="stylesheet" href="./assets/css/main.css">

    <script type="text/javascript" src="./libs/jquery/jqueryv3.3.1.js"></script>
    <script>
        (function () {
            function resizeBaseFontSize() {
                var rootHtml = document.documentElement,
                    deviceWidth = rootHtml.clientWidth;
                if (deviceWidth > 640) {
                    deviceWidth = 640;
                }
                rootHtml.style.fontSize = deviceWidth / 7.5 + "px";
                console.log(rootHtml.style.fontSize)
            }
            resizeBaseFontSize();
            window.addEventListener("resize", resizeBaseFontSize, false);
            window.addEventListener("orientationchange", resizeBaseFontSize, false);
        })();
    </script>
</head>

<body class="index-page">

    <div class="insidePage">
        <img class="logo" src="./assets/images/logo.png" alt="">

        <div class="search">
            <p class="search-tab">
                <span class="f15 active">社会法人</span>
                <span class="f15">自然人</span>
            </p>
            <div class="search-input oh">
                <input class="fl" type="text" placeholder="请输入企业/法人名称或统一社会信用代码">
                <a class="fr" href="searchlegal.html"></a>
            </div>
        </div>

        <div class="menu">
            <div class="point color-white f15">
                <span>我的月季分</span>
                <!-- 未登录状态显示 -->
                <!-- <a href="">请先登录 > </a> -->
                <a href="color-reditpoint.html"><span class="f24">1000</span> 分</a>
            </div>
            <a class="redblack" href="redblacklist.html">
                <img src="./assets/images/rb.png" alt="">
                <span class="color-white f16">红黑名单</span>
            </a>
            <a class="double" href="doublepublic.html">
                <img src="./assets/images/db.png" alt="">
                <span class="color-white f15">双公示</span>
            </a>
        </div>

    </div>

    <!-- 导航 -->
    <footer id="nav-bottom" class="f20">
        <a href="index.html" class="nav-bottomSearch active">
            <i></i>
            <p>查询</p>
        </a>
        <a href="redblack.html" class="nav-bottomRedBlack">
            <i></i>
            <p>红黑榜</p>
        </a>
        <a href="dynamic.html" class="nav-bottomDynamic">
            <i></i>
            <p>动态</p>
        </a>
        <a href="mine.html" class="nav-bottomMine">
            <i></i>
            <p>我的</p>
        </a>
    </footer>
    <!-- <script>
        (function (doc, win) {
            var docEl = doc.documentElement,
                resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                recalc = function () {
                    var clientWidth = docEl.clientWidth;
                    if (!clientWidth) return;
                    docEl.style.fontSize = clientWidth / 10; //pieces 插件中设置的参数了
                };
            if (!doc.addEventListener) return;
            win.addEventListener(resizeEvt, recalc, false);
            doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);
    </script> -->

</body>

</html>